<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的模板</title>

	</head>

	<body>


		<div id="app">
			<!-- 选择一个 -->
			<select name="" v-model="fruits">
				<option v-for="fruitss in fruitsListName" :value="fruitss">{{fruitss}}</option>
			</select>
			
			{{fruits}}
			<!-- 选择多个 -->
			<select name="" v-model="fruitsList" multiple="multiple">
				<option v-for="fruitss in fruitsListName" :value="fruitss">{{fruitss}}</option>
			</select>
			{{fruitsList}}
		</div>

	</body>
	<script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
	<script>
		const app = new Vue({
			el: '#app',
			data: {
				fruits: '西瓜',
				fruitsList:[],
				fruitsListName:['苹果','香蕉','榴莲','西瓜'],
			},
		})
	</script>
